#container{
  width:1202px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:70px;
  overflow:hidden;
}
.crumbs{
  font-size:18px;
  color:#999;
}
.crumb{color:#2ab888;}
.crumb a{color:#2ab888;}
.article{
  width:873px;
  float:left;
}
.articlebox{
  background-color:#fff;
  padding:40px 40px 30px 40px;
  margin-top:15px;
}
.articletitle{
  font-size:22px;
  color:#010101;
  margin-bottom:20px;
}
.articlecontent p{
  font-size:18px;
  line-height:32px;
  white-space:inherit!important;
  word-break:break-all!important;
  /*    margin-top:25px;*/
}
.articlecontent *{
  white-space: inherit !important;
}
.articlehead{color:#999;}
.articlehead .tag{
  display:inline-block;
  padding:3px 9px;
  border:1px solid #000;
  border-radius:3px;
  margin-right:10px;
}
.articlehead .tag a{outline:none;}
.articlehead .tag4{
  color:#ec93ff;
  border-color:#ec93ff;
}
.articlehead .tag4 a{color:#ec93ff;}
.articlehead .tag1{
  color:#82c0ff;
  border-color:#82c0ff;
}
.articlehead .tag1 a{color:#82c0ff;}
.articlehead .tag3{
  color:#f9ae65;
  border-color:#f9ae65;
}
.articlehead .tag3 a{color:#f9ae65;}
.articlehead .tag10{
  color:#7fca74;
  border-color:#7fca74;
}
.articlehead .tag10 a{color:#7fca74;}
.articlehead .tag2{
  color:#ff9696;
  border-color:#ff9696;
}
.articlehead .tag2 a{color:#ff9696;}
.articlehead .tag5{
  color:#9297ff;
  border-color:#9297ff;
}
.articlehead .tag5 a{color:#9297ff;}
.articlehead .tag6{
  color:#9297ff;
  border-color:#9297ff;
}
.articlehead .tag6 a{color:#9297ff;}
.articlehead .tag7{
  color:#00dccf;
  border-color:#00dccf;
}
.articlehead .tag7 a{color:#00dccf;}
.articlehead .tag11{
  color:#dc8c00;
  border-color:#dc8c00;
}
.articlehead .tag11 a{color:#dc8c00;}
.articlehead .tag12{
  color:#0f0;
  border-color:#0f0;
}
.articlehead .tag12 a{color:#0f0;}
.articlehead .name{color:#999;}
.articlehead > em{
  display:inline-block;
  width:4px;
  height:4px;
  border-radius:4px;
  background-color:#999;
  margin-left:5px;
  margin-right:5px;
  position:relative;
  top:-3px;
}
.articlehead span.price{
  display: inline-block;
  height: 20px;
  margin-left: 15px;
  position: relative;
  width: 23px;
  top: 3px;
}
.articlehead span.beforePrice{background: rgba(0, 0, 0, 0) url("/images/priceicon.png") no-repeat scroll 0 0;}
.articlehead span.price:hover{
  cursor:pointer;
  background:url("/images/pricedicon.png")  no-repeat;
}
.articlehead span.afterPrice{background:url("/images/pricedicon.png")  no-repeat;}
.articlehead i.pricecount{
  font-style:normal;
}
.pricecount:hover{
  color:#188eee;
  cursor:pointer;
}
.articlecontent{
  letter-spacing:0.5px;
  padding-top:10px;
}
.articlecontent *{
  max-width:100%!important;
}
.articlecontent img{
  max-width:100%!important;
  height:auto!important;
}
/*.articlecontent br{display:none;}*/

.feedback{
  background:#fff;
  border-top:1px solid #f8f8f8;
  line-height:72px;
  padding-left:20px;
  font-size:17px;
  color:#ccc;
}
.feedback span{
  display:inline-block;
  width:23px;
  height:20px;
  position:relative;
  top:5px;
  margin-left:15px;
}
.feedback > .commentnumber{
  height: 4px;
  margin-left: 1px;
  position: relative;
  top: 0;
  width: 10px;
}
.feedback span.readnumber{background:url(/images/watched.png);}
.feedback span.meassagenumber{background:url(/images/msg.png);}
.feedback span.beforePrice{
  background:url("/images/priceicon.png");
  background-repeat:no-repeat;
  top:3px;
}
.feedback span.price:hover{
  cursor:pointer;
  background:url("/images/pricedicon.png")  no-repeat;
}
.feedback span.afterPrice{
  top:3px;
  background:url("/images/pricedicon.png") no-repeat;
}
.feedback em{font-style:normal;}
.share{
  position:relative;
  display: inline-block;
  left: 45%;
  width: 300px;
}
.bdsharebuttonbox a{float:left;}

.discuss{width:875px;}
.discuss div{
  //border:1px solid #d1d6d9;
  overflow:hidden;
}
.comment{border:1px solid #d1d6d9;}
.discuss textarea{
  width:738px;
  height:75px;
  padding:15px;
  font-family:"Microsoft YaHei";
  float:left;
  color:#999;
  font-size:16px;
  resize:none;
  background-color:#fff;
  margin-top:0;
  border-radius:0;
  //border:1px solid #e5e5e5;
}
#content{margin-top:0;}
.discuss h3{
  padding-top:30px;
  padding-bottom:15px;
}
.discuss span.commentBtn{
  display:inline-block;
  width:104px;
  height:105px;
  float:right;
  line-height:105px;
  font-size:20px;
  text-align:center;
  background-color:#66d6a6;
  cursor:pointer;
  color:#fff;
}
.discuss span.commentBtn:hover{background-color:#66d6a6;}

#dislist{
  clear:both;
  margin-top:25px;
  padding:30px;
  background-color:#fff;
  overflow:hidden;
}
#dislist div.touxiang{
  width:70px;
  height:70px;
  border-radius:70px;
  overflow:hidden;
  float:left;
}
#dislist div.touxiang img{
  height:100%;
  width:100%;
}
#dislist div.pinglun{
  overflow:hidden;
  padding-left:10px;
}
.more{
  color: #188eee;
  cursor: pointer;
  line-height: 24px;
  padding-top: 26px;
  text-align: center;
}
.nomore{
  line-height: 24px;
  padding-top: 26px;
  text-align: center;
}
#dislist div.pinglun{color:#999;}
#dislist div.pinglun a{color:#188EEE;}
#dislist div.pinglun span.name a{color:#188eee;}
#dislist div.pinglun span.name a:after{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  border-radius:4px;
  margin-left:5px;
  background-color:#999;
  position:relative;
  top:-3px;
}
#dislist div.pinglun p{
  line-height:30px;
  color:#676767;
}
#dislist div.pinglun p a:visited {color:#188eee;}
#dislist div.reagree{
  clear:both;
  width:100%;
}
#dislist div.commentinput{
  margin-top:25px;
  padding-right:30px;
  position:relative;
}
#dislist div.commentinput span.before{
  position:absolute;
  display:inline-block;
  width:15px;
  height:15px;
  top:257px;
  left:643px;
  background:url(/images/comment.png);
  background-position:0 0px;
  z-index:300;
}
#dislist div.commentinput span.focus{background-position:0 -27px;}
#dislist textarea{
  margin:0;
  padding:0;
  width:99.5%;
  background-color:#fff;
  height:48px;
  padding:15px;
  border:1px solid #d1d6d9;
  color:#999;
  resize:none;
  font-family:"Microsoft YaHei";
}

#dislist textarea.focus{border:1px solid #188eee;}
#dislist span.commentconfirm{
  display:inline-block;
  color:#fff;
  font-size:14px;
  line-height:34px;
  padding:0px 14px;
  background-color:#ffad00;
  border-radius:5px;
  float:right;
  position:relative;
  left:32px;
  margin-top:10px;
  cursor:pointer;
}
#dislist span.commentconfirm:hover{background-color:#ffb822;}
#dislist + div{
  clear:both;
  background:#fff;
  margin-top:58px;
}

.commentList{
  background-color:#fff;
  margin-top:25px;
  padding-top:25px;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:25px;
}
.commentList .avatar{
  width:70px;
  height:70px;
  border-radius:70px;
  overflow:hidden;
  float:left;
}
.commentList .avatar img{
  width:100%;
  height:100%;
}
.commentList .commentContent{
  overflow:hidden;
  padding-left:10px;
}
.commentContent .name{
  font-size:16px;
  color:#188eee;
}
.commentContent .time{
  font-size:16px;
  color:#999;
}
.commentContent .authorTime em{
  display:inline-block;
  width:5px;
  height:5px;
  border-radius:5px;
  background-color:#999;
  position:relative;
  top:-3px;
  margin-left:3px;
  margin-right:3px;
}
.commentContent p{
  font-size:16px;
  color:#676767;
}
.commentList .reply{overflow:hidden;}
.commentList em.hui,.commentList em.zan{color:#188eee;}
.commentList em.hui:hover,.commentList em.zan:hover{cursor:pointer;}
.commentList li{
  padding-bottom:30px;
  padding-top:15px;
  border-bottom:1px solid #f0f0f0;
}
.handcount{
  float:right;
  font-size:16px;
  color:#676767;
}
.agreecomment > img {
  height: 16px;
  width: 18px;
}
.pinglun > img{
  float: right;
  position: relative;
  right: 3px;
  top: 0px;
  width: 66px;
}
.agreecomment > span{
  color:#999;
  position: relative;
  top:0px;
}
.agreecomment{
  position: relative;
  top: 3px;
}
.del{
  position: relative;
  top: 2px;
}
.reagree .reply{
  position: relative;
  top:2px;
}
.handcount em{font-style:normal;}
span.name,span.reply,span.agreecomment{color:#188eee;}
span.del{color:#d2322d}
span.reply,span.agreecomment,span.del{cursor:pointer;}
.reagree .del{
  color:#188EEE;
}

div.reagree{text-align:right;}
#dislist ul li{
  clear:both;
  padding:25px 0;
}
#dislist ul li:not(:last-child){
  border-bottom:1px solid rgb(240, 240, 240);
}

aside.thisauthor{
  width:299px;
  float:right;
}
.thisauthor .editer{
  background-color:#fff;
  margin-top:40px;
  overflow:hidden;
  padding:25px;
}
.thisauthor .editer .thisauthoravatar{
  width:72px;
  height:72px;
  border-radius:72px;
  overflow:hidden;
  float:left;
  border:2px solid #e8e8e8;
}
.thisauthor .editer .thisauthoravatar img{
  width:100%;
  height:100%;
}
.thisauthor .editer .thisauthorinfo{
  overflow:hidden;
  padding-left:10px;
}
.thisauthor .editer .thisauthorinfo h2{
  font-size:22px;
  color:#333;
  padding-top:5px;
}
.thisauthor .editer .thisauthorinfo p{
  font-size:16px;
  line-height:32px;
  color:#878787;
}
.thisauthor .editer .thisauthorinfo .postnumber{color:#000;}
aside .author{
  background-color:#fff;
  padding:25px 25px 30px 25px;
  margin-top:45px;
}
aside .author .authoravatar{
  width:72px;
  height:72px;
  border-radius:72px;
  overflow:hidden;
  border:2px solid #e8e8e8;
  float:left;
}
aside .author .authoravatar img{
  width:100%;
  height:100%;
}
aside .author .authorinfo{
  overflow:hidden;
  padding-left:12px;
}
aside .author .authorinfo h2{
  font-size:22px;
  color:#333;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-top:5px;
  padding-bottom:10px;
}
aside .author .authorinfo p{
  font-size:16px;
  color:#878787;
}
aside .author .authorinfo p span{color:#000;}
aside .author .btnbox{
  clear:both;
  overflow:hidden;
  margin-top:25px;
  margin-bottom:20px;
}
aside .author .btnbox .btn{
  display:inline-block;
  width:115px;
  text-align:center;
  color:#fff;
  font-size:16px;
  background-color:#66d6a6;
  border-radius:5px;
}
aside .author .btnbox .btn a{
  display:inline-block;
  width:100%;
  padding-top:12px;
  padding-bottom:12px;
}
aside .author .btnbox .btn:hover{cursor:pointer;}
aside .author .btnbox .btnleft{float:left;}
aside .author .btnbox .btnleft a{color:#fff;}
aside .author .btnbox .btnright{float:right;}
aside .author .btnbox .btnright a{color:#fff;}
aside .author p{
  clear:both;
  font-size:16px;
  color:#878787;
  line-height:24px;
  width:120%;
}
.asidetitle{
  margin-top:26px;
  font-size:20px;
  color:#333;
}
.asidetitle a{color:#333;}
.asidetitle em{
  display:inline-block;
  width:10px;
  height:20px;
  background-color:#1ec18e;
  margin-right:10px;
  position:relative;
  top:2px;
}
.otherarticle{
  float: right;
}
.otherbox{
  padding:0 5px 10px 5px;
  background-color:#fff;
  margin-top:15px;
}
.otheritem{padding:20px;}
.otheritem:not(:last-child){border-bottom:1px solid #f8f8f8;}
.otherbox .otheritem h1{
  font-size:16px;
  color:#000;
  line-height:28px;
}
.otherbox .otheritem h1 a{color:#000;}
.otherbox .otheritem div{
  font-size:14px;
  color:#999;
  margin-top:10px;
}
.otherbox .otheritem div span{
  display:inline-block;
  width:23px;
  height:20px;
  position:relative;
  top:5px;
}
.otherbox .otheritem div span.readnumber{background:url(/images/watched.png);}
.otherbox .otheritem div span.meassagenumber{background:url(/images/msg.png);}
